@charset "utf-8";

@import url(prettyPhoto.css);	/*link to the CSS file for Pretty Photo Plugin */
html { padding:0; margin:0; height:100%;}
h1 { font: 26px "Century Gothic", Helvetica, sans-serif; color:#000000; padding:0; margin:0; font-weight:bold}
h2 { font: 16px "Century Gothic", Helvetica, sans-serif; color:#003366; padding:3px 0px; margin:0; font-weight:bold}
h3 { font: 18px "Century Gothic", Arial, Helvetica, sans-serif; color:#AB6F40; padding:0px; margin:0; font-weight:bold}
h4 { font: 14px "Century Gothic", Helvetica, sans-serif; color:#333333; padding:0px; margin:0;}
p  { font:12px/16px Arial, Helvetica, sans-serif; color:#666666; padding:0; margin:8px 0px; }
.blue {color: #0099ff}
.text-sub {font-size: 11px}

body {
	width:100%;
	padding:0;
	margin:0;
	height:100%;
	background: #eaeaea;
	}
a { font:bold 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; padding:0; margin:0;}	
a:hover { color:#0099ff;}	

textarea {
 width: 413px; height: 100px; overflow-y: scroll }
 
.submit { margin:0px 115px;}
.box { -webkit-border-radius: 5px;
    border-radius: 5px; }

#nav {
	position:absolute;
	height:31px;
	width: 1000px;
	top:425px;
	z-index:1;
	padding: 0 auto;
	background: url("../images/nav-bg_03.png") repeat-x;
	visibility: visible;
}

#nav-inner {
	position:absolute;
	height:31px;
	width: 1000px;
	top:200px;
	z-index:1;
	padding: 0 auto;
	background: url("../images/nav-bg_03.png") repeat-x;
	visibility: visible;
}

/********** header **********/
#header, #logo_menu_wrapper, #social_bar, #wrapper, #footer, #bottom_footer {
	width:1000px;
	margin:0 auto;
	position:absolute;
	width:1000px;
	height:59px;
	z-index:2;
	visibility: visible;
	}
	
#menu_wrapper {
	width:100%;
	background: url("../images/inner-top-bg_02.jpg") no-repeat top center;
	height: 231px;
	}
	
#logo_menu_wrapper {
padding:0;
	}
	
#top_logo {
	padding:0;
	width:20%;
	float:left;
	margin: 25px 0 0 45px;
	}
	
#top_logo_inner {
	padding:0;
	width:20%;
	float:left;
	margin: 10px 0 0 45px;
	}
	
#top_social {
	padding:0;
	width: 64px;
	float:right;
	margin: 32px 45px 0 0;
	}
	
#center_bar {
	height:62px;
	width:100%;
	background:#ffffff;
	}
	
#main_wrapper {
	height:310px;
	width:100%;
}

#inner_wrapper {
	height:auto;
	width:100%;
}

.wrapper {
	width:1000px;
	margin:0 auto;
	background:#FFFFFF;
}

.about_img {
height:259px;
width:484px;
background: url("../images/abt_img.jpg");
margin:10px 0px;
padding:0px;
}

.about_img img{
border:solid 5px #FFFFFF;
margin: 0px 12px;
}
	
.ads {
	position:absolute;
	margin:0 auto;
}

/*  START OF MENU */

#top_menu {
	width:960px;
	float:left;
	height:32px;
	padding: 0 20px;
	}

#top_menu a {
    color:#FFFFFF;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif; 
    font-size:13px;
    padding: 7px 25px;
    text-decoration:none;
	text-transform: uppercase;
	}
	
#top_menu a:hover {
	text-decoration:none !important;
	color:#0066cc !important;
	background: #FFFFFF;
	}
#top_menu a.active{
	text-decoration:none !important;
	color:#0066cc !important;
	background: #FFFFFF;
	}
#top_menu a.active2{
	text-decoration:none !important;
	color:#FFFFFF !important;
	background: url("../images/nav_bg_h_03.jpg") repeat-x;
	}

#top_menu li ul li a {
	font-size:11px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	border:none;
	color:#ffffff !important;
	padding:0;
	margin:0 0 0 10px;
	}
	
#top_menu li ul li a:hover {
	margin: 0 0 0 15px;
	color:#ffffff !important;
	}

.sf-menu ul li a {
	padding-left:0px !important;
	}
	
.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
	}

.webkit .sf-menu {
	line-height:12px
	}
	
.sf-menu {
	line-height:14px;
	}

.sf-menu ul {
	position:absolute;
	top:-999em;
	width:10em; /* left offset of submenus need to match (see below) */
	}

.sf-menu ul li {
	width:100%;
	}

.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
	}

.sf-menu li {
	float:left;
	position:relative;
	border-left:#0085e7 solid 1px;
	}
	
.sf-menu li:last-child {
	padding-right: 0px;
	}

.sf-menu a {
	display:block;
	position:relative;
	}
.sf-menu li:active, .sf-menu li:hover {
	left:0px;
	}
	
.webkit .sf-menu li:hover ul,
.webkit .sf-menu li.sfHover ul {
	left:0px;
	}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:-10px;
	top:63px; /* match top ul list item height */
	z-index:99;
	padding:0;
	box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.2);
	}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
	}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:10em; /* match ul width */
	top:0;
	}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
	}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:10em; /* match ul width */
	top:0;
	}
	
.sf-menu .current_page_item a, .sf-menu .current_page_item a:visited {
	color:#ed8d23 !important;
	}

/*** DEMO SKIN ***/
.sf-menu a {
	text-decoration:none;
	}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#707070;
	}

.sf-menu li a.active  { /* visited pseudo selector so IE6 applies text colour*/
	color:#cc0000 !important;
	}

.sf-menu ul li a, .sf-menu ul li a:visited  {
	color:#cc0000;
	}

.sf-menu ul li { 
	padding:0px;
	}

.sf-menu li.last{ 
	border-right:#0085e7 solid 1px;
	}

.sf-menu li li {
	font-size:14px !important;
	line-height:0px;
	border-bottom:1px solid #222222;
	border-top:1px solid #444444;
	padding:19px 0 10px 0px;
	background-color: #333333;
	}
	
.sf-menu li ul li:hover {
	background-image: none;
	background-color: #ED8D23;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:0;
	}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding:0px;
	}

.sf-shadow ul.sf-shadow-off {
	background:transparent;
	}

ul.sf-menu li ul li a {
	padding:10px 4px 10px 9px; 
	color:#707070;
	}
	
#top_menu li ul li.current_page_item a, #top_menu .sf-menu li li a.active {
	color:#ED8D23 !important;
	}
	
#top_menu li ul li.current_page_item a:hover, #top_menu .sf-menu li li a.active:hover {
	color:#FFFFFF !important;
	}
	
#top_menu ul li a span {
	font-family:'MuliRegular', sans-serif;
	font-size:10px;
	color:#707070;
	display:block;
	padding-top:3px;
	text-align:left;
	text-transform:none;
	font-weight:normal;
	letter-spacing: -0.04em;
	}

/*  END OF MENU */
	
/*  START OF SLIDER */

#slider_wrapper {
	width:100%;
	height:auto;
	background-image:url("../images/dark_texture.jpg");
	background-repeat:repeat;
	padding-bottom:40px;
	z-index:70;
	}
	
#slider_wrapper2 {
	width:100%;
	position:absolute;
	top:100px;
	margin:0 auto;
	}

#slider2 {
	width:1037px;
	margin:0 auto;
	background:url(../images/banner_bg_10.png);
	height:450px;
	padding:0px;
	position:relative;
	}
	
#slider img {
	display:none;
	}
	
#slider_caption_wrapper {
	background-image:url("../images/feat_img_shadow.png");
	background-repeat:no-repeat;
	padding-bottom:20px;
	background-position:right bottom;
	width:960px;
	margin:0 auto;
	}
	
#slider_caption {
	width:1000px;
	margin:0 auto;
	background-color:#e3e3e3;
	border-left:4px solid #ed8d23;
	min-height:85px;
	margin-top:-35px;
	border-top:1px solid #c7c7c7;
	border-bottom:1px solid #c7c7c7;
	border-right:1px solid #c7c7c7;
	}
	
#slider_link {
	background-color:#d7d7d7;
	min-height:60px;
	width:200px;
	float:right;
	padding:25px 0 0 35px;
	border-left:1px solid #c7c7c7;
	}
	
#slider_link a {
	background:none repeat scroll 0 0 #3c3c3c !important;
    border:1px solid #000000;
    box-shadow:0 1px 0 #3f3f3f inset;
    color:#ffffff !important;
    cursor:pointer;
    display:inline-block;
    font-size:21px;
    line-height:1.3em;
    padding:2px 10px !important;
    text-decoration:none;
    text-shadow:1px 1px 0 #000000;
	font-family:'MuliRegular',sans-serif;
	margin-left:20px;
	-webkit-transition:all 0.3s ease-in-out;  
   	-moz-transition:all 0.3s ease-in-out;  
  	 -o-transition:all 0.3s ease-in-out;  
   	transition:all 0.3s ease-in-out; 
	letter-spacing: -1px;
	}
	
#slider_link a:hover {
	background:none repeat scroll 0 0 #ED8D23 !important;
    border:1px solid #bc730f;
    box-shadow:none;
    color:#ffffff !important;
    cursor:pointer;
    display:inline-block;
    font-size:21px;
    line-height:1.3em;
    padding:2px 10px !important;
    text-decoration:none;
    text-shadow:none;
	font-family:'MuliRegular',sans-serif;
	margin-left:20px;
	letter-spacing: -1px;
	}



/* -------------- project ------------------ */
.project	{width:950px; margin: 0; position:relative;
}

.project_line { padding:0 ; margin:0; width:650px; float:right;}

.project_menu_bar	{width:950px; right:5px; height:32px;}

.project_menu { 	
            padding:0; 
			margin:0;
			width: 170px  	
			
}
.project_menu ul { text-align:left; padding: 0; margin:0 0 0 20px; list-style:none; }
.project_menu ul li { margin:0; padding:0; }
 
.project_menu ul li a {background: url(../images/arrow-inner_04.jpg) no-repeat left; color:#999999; float:left; margin:0px; padding:9px 5px 9px 30px; font: 12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; width: 170px; border-bottom: 1px solid #e8e4e4; }

.project_menu ul li a:hover { background: url(../images/arrow-inner_04.jpg) no-repeat left; color:#ff9900; font: 12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; }
.project_menu ul li a.active { background: url(../images/arrow-inner_04.jpg) no-repeat left; color:#ff9900; font: 12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; }

.project-title { border-bottom: 1px solid #292929; color:#ffffff; font: 21px "MyriadProRegular",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; }


.project_model { 	
            padding:0; 
			margin:0;
			width: 80px  	
			
}
.project_model ul { text-align:left; padding: 0; margin:0; list-style:none; }
.project_model ul li { margin:0; padding:0; }
 
.project_model ul li a { color:#999999; float:left; margin:0px; padding:5px 5px 5px 5px; font: 12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; width: 180px }

.project_model ul li a:hover {  color:#FFFFFF; font: 12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; }
.project_model ul li a.active { color:#FFFFFF; font: 12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; }

.project_model_title { font: 18px "MyriadProRegular",Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF }

.project_photo { border: 1px solid #666666;}

/************* project photo **********/
label { display: block; } 

.infiniteCarousel {
  width: 636px;
  position: relative;
  height: 89px;
}

.infiniteCarousel .wrapper {
	width: 570px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: auto;
	min-height: 89px;
	margin: 0 30px;
	position: absolute;
	padding:0;
	visibility: visible;
}

.infiniteCarousel ul a img {
width: 89px;
   
}
.infiniteCarousel ul a {
  font:normal 13px 'MyriadProSemibold', Helvetica, sans-serif; 
  color:#000000; 
  text-decoration:none;
}
.infiniteCarousel ul a:hover {
  font:normal 13px 'MyriadProSemibold', Helvetica, sans-serif; 
  color:#049cfd; 
  text-decoration:none;
}


.infiniteCarousel .wrapper ul {
	width: 9999px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	float:left;
	top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0px 3px;
  height: 89px;
  width: 65px;
}

.infiniteCarousel .arrow {
  display: block;
  height: 26px;
  width: 26px;
  position: absolute;
  cursor: pointer;
  margin: 5px 0px;
}

.infiniteCarousel .forward {
  background: url(../images/arrow_right2_10.png) no-repeat 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background: url(../images/arrow_left2_10.png) no-repeat 0 0;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background: url(../images/arrow_right2_10.png) no-repeat 0 0;
}

.infiniteCarousel .back:hover {
  background: url(../images/arrow_left2_10.png) no-repeat 0 0;
}
				
/*************footer**********/
#grey_bar {
	width:100%;
	background-image:url(../images/footer_bar_18.jpg);
	background-repeat:repeat-x;
	height: 68px;
}
#footer_main {background:#e3e3e3; margin:0 auto; padding:0;}
.footer_resize { margin:0 auto; padding:0; height:35px; }
.footer {padding:0; margin:0 auto; width:1000px;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#666666; margin:5px 10px}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#183f96; text-decoration:none; padding:3px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:28px 0 0 0px; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:20px 0 0 10px; float:right;} 

.line { border:solid 1px #d8d5cb; padding:0 50px 0 0px; margin:13px 50px 10px 0px; width:730px; float:right;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #dfdfdf; padding:0; margin:10px 0; background:none; line-height:0;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#444444; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:100px; display:block; padding:10px 0; color:#575757; font:bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:400px; border:1px solid #ddd; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:left; }
#contactform textarea { width:400px; border:1px solid #ddd; margin:2px 0; padding:2px; background:#fff; float:left; }
#contactform li.buttons input { padding:3px 0 3px 110px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }

dl, dt, dd, ul, li {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu {
width : 230px;
padding : 0;
float:left;
padding: 0;
color:#666666; 
font:bold 12px Arial, Helvetica, sans-serif;
}
#menu li,
#menu dt {
cursor : pointer;
margin : 0;
padding: 5px 10px;
line-height : 32px;
text-align : left;
background: url(../images/arrow-inner_04.jpg) top left no-repeat;
background-position: 0px 5px; 
}
#menu dt span {
width : 195px;
background-repeat : no-repeat;
background-position : 95% center;
display : block;
padding: 0 15px;
margin: 0;

}
#menu dd {
}
#menu li a, #menu dt a {
color: #666666;
text-decoration : none;
display : block;
margin: 2px 0;
padding-left: 15px;
padding-bottom: 6px;
border-bottom : 1px solid #d9def6;
}
#menu dt a:hover, #menu dt:hover {
color: #3399cc;
}
#menu li a:hover {
color: #3399cc;
}
#menu dt .active {
color: #3399cc;
}
#menu li ul li {
text-align : left;
background-color : #FFFFFF;
padding: 5px 0 2px 38px;
background: url("../images/dot.jpg") top left no-repeat;
}
#menu li ul li a {
border-bottom : 0px;
padding-left: 5px;
}
.item-page ul,
.item-page li
{
list-style-type: square;
}
.item-page ul li {
margin-left: 20px;
text-align : left;
color: #666666;
font: 12px/16px Arial,Helvetica,sans-serif;
}
.style18 {
	color: #999999;
	font-size: 24px;
}
.style20 {font-size: 21px}
.style21 {font-size: 18px}